<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ page trimDirectiveWhitespaces="true" %>
<%@ include file="/common/taglibs-wml.jsp"%>
<%@ include file="/wap/resource/mh/common/position.jsp"%>
<%
request.setAttribute("userId", session.getAttribute("aaaUserId"));
request.setAttribute("mobile", session.getAttribute("mobile"));
%>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="css/swiper.min.css">
    <link rel="stylesheet" href="css/10rmb.css">
    <title>10元半价购会员</title>
</head>
<body>
<cms:isLogin></cms:isLogin>
<input type="hidden" id="isLogin" value="${isLogin}">
<input type="hidden" id="userId" value="${userId}">
<input type="hidden" id="mobile" value="${mobile}">
    
<input type="hidden" id="isMember" value="">
  <div id="gd_10rmb_activity">
    <header>
      <img alt="" id="bg01" src="img/10rmb_header.png">
      <div class="shuru">
        <div class="phone_num">
          <input type="text" class="mobileNum" name="" placeholder="请输入手机号码" id="phone">
        </div>
        <div class="identify">
          <input type="text" class="noteNum" name="" placeholder="请输入验证码" id="yangzheng">
          <div class="yangz" @click="getmeesageNote()"></div>
          <div class="yangz2"></div>
        </div>
      </div> 
      <div class="wenz"> 
       <p class="wenzi">为<span id="phoneNum"></span>号码进行开通充值</p>    
      </div>
    <div class="gz" @click="openRule()"><img src="img/10rmb_rule.png" alt="" id="openRule"></div>
    <div class="header-btn" @click="getRegister()"><img src="img/10rmb_button.png" alt="" id="openHalfVip"/></div>
  </header>
  <article>
      <img alt="" id="bg02" src="img/10rmb_article_01.png">
      <div class="article-little clearfix">
        <ul>
           <li v-for="(item,index) in worldcupImg"><div @click="bf2(item.SRC_CONT_ID)"><img :src="item.img" alt=""></div><p>{{item.section}}</p></li>
        </ul>
      </div>
      <div class="article-big clearfix">
        <ul>
          <li v-for="(item,index) in bigImg"><div  @click="bf1(item.SRC_CONT_ID)"><img :src="item.img" alt=""></div><p>{{item.section}}</p></li>
        </ul>
      </div>
    </article> 
    <footer>
      <img alt="" id="bg03" src="img/10rmb_footer.png">
      <div class="tv clearfix">
        <div class="swiper-container swi1 swiper-container-horizontal swiper-container-ios">
          <div class="swiper-wrapper" style="transform: translate3d(0px, 0px, 0px);">
            <div class="swiper-slide swiper-slide-next" style="width: 79.5px; margin-right: 10px;">
              <a href="/wap/resource/migu/detail/Detail_live.jsp?cid=635491149">
                <img src="img/10rmb_hunan.png">
                <p>湖南卫视</p>
              </a>
            </div>
            <div class="swiper-slide swiper-slide-next" style="width: 79.5px; margin-right: 10px;">
              <a href="/wap/resource/migu/detail/Detail_live.jsp?cid=635491149">
                <img src="img/10rmb_anhui.png">
                <p>安徽卫视</p>
              </a>
            </div>
            <div class="swiper-slide swiper-slide-next" style="width: 79.5px; margin-right: 10px;">
              <a href="/wap/resource/migu/detail/Detail_live.jsp?cid=635491149">
                <img src="img/10rmb_dongfang.png">
                <p>东方卫视</p>
              </a>
            </div>
            <div class="swiper-slide swiper-slide-next" style="width: 79.5px; margin-right: 10px;">
              <a href="/wap/resource/migu/detail/Detail_live.jsp?cid=635491149">
                <img src="img/10rmb_jiangsu.png">
                <p>江苏卫视</p>
              </a>
            </div>
          </div>
          
        </div>
        <!-- Add Arrows -->
        <div class="swiper-button-next"></div>
        <div class="swiper-button-prev"></div>
      </div>
    </footer>
    <div class="download">
      <img src="img/10rmb_dowload.png" alt="" id="downloadClient">
    </div>
    <div class="pop"></div>
    <!--活动规则-->
    <div class="rule">
      <div class="cancel1" @click="closeRule()"><img src="img/10rmb_close.png" alt="" id="closeRule"></div>
      <div class="rule-cont">
        <img alt="" id="bgRule" src="img/10rmb_bigRule.png">
        <div class="rule-cont-txt">
          {{rules}}
        </div>
      </div>
    </div>
    <!--小弹窗-->

<!-- 不是广东用户 -->  
<div class="ts">
    <div class="ts-btn" @click="cancel_ts()">
      <img src="img/10rmb_ok.png" alt="">
    </div>
  </div> 

<!-- 开通成功 -->  
   <div class="ts1">
      <div class="ts-btn1" @click="cancel_ts1()">
        <img src="img/10rmb_ok.png" alt="" >
      </div>
   </div> 

<!-- 开通失败 -->  
  <div class="ts2">
      <div class="ts-btn2" @click="cancel_ts2()">
          <img src="img/10rmb_ok.png" alt="" >
      </div>
  </div>  

<!-- 你已经开通过 -->  
  <div class="ts3">
      <div class="ts-btn3" @click="cancel_ts3()">
          <img src="img/10rmb_ok.png" alt="" >
      </div>
  </div>  


</div>

</body>
<script src="/wap/resource/migu/subject/js/jquery-3.3.1.min.js"></script>
<script src="/wap/resource/migu/miguH5/js/plugins/webViewCommon.js"></script>
<script src="js/plugin/jquery.md5.js"></script>
<script src="js/swiper.min.js"></script>
<script src="js/util.js"></script>
<script src="/wap/resource/migu/subject/js/10rmb.js"></script>
<script src="/wap/resource/migu/subject/js/vue.min.js"></script>
<!--微信自带分享-->
<script src="https://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
<script src="/wap/resource/migu/script/plugins/weixinSecondShare.js"></script>
<script src="../miguH5/js/plugins/myPlugin.js"></script>
<script>
    //声明_czc对象:
    var _czc = _czc || [];
    //绑定siteid，请用您的siteid替换下方"XXXXXXXX"部分
    _czc.push(["_setAccount", "1274256996"]);
</script>
<script type="text/javascript">var cnzz_protocol = (("https:" == document.location.protocol) ? " https://" : " http://");document.write(unescape("%3Cspan id='cnzz_stat_icon_1274256996'%3E%3C/span%3E%3Cscript src='" + cnzz_protocol + "s22.cnzz.com/z_stat.php%3Fid%3D1274256996%26show%3Dpic' type='text/javascript'%3E%3C/script%3E"));</script>
<script>
    window.onload = function(){
        _czc.push(['_trackEvent', '广东10元半价', '页面刷新']);
    }

    $(".header-btn").click(function(){
        _czc.push(['_trackEvent', '广东10元半价', '点击开通业务']);
    })
   
$(function () {
    try {
        var width = $(document).width();
        $('body,html').width(width + 'px');
    }
    catch (e) {
        //alert(2);
        console.log(e)
    }
});
</script>
</html>